<template>
    <div id="app">
        <router-view></router-view>
    </div>
</template>

<script>
import axios from 'axios'
export default {
    name: 'app',
    created() {
        this.getStaticContent()
    },
    methods: {
        async getStaticContent() {
            let tag = await axios.get('static/config/course-tags.json')
            console.log('tag', tag.data.courseTags)
            this.$store.commit('SET_courseTag', tag.data.courseTags)
        },
    }
}
</script>
<style lang=less>
@import './style/sport-variable';
body {
    background-color: @color-background;
}
#app {
    height: 100vh;
    background-color: @color-background;
    padding-top: 50px;
}
/* .swiper-pagination-bullet {
    color: #ffffff !important;
} */
.swiper-pagination-bullet {
    width: 6px !important;
    height: 6px !important;
    display: inline-block !important;
    border-radius: 100% !important;
    background: #fff !important;
    opacity: 0.8 !important;
}

.swiper-pagination-bullet-active {
    background: @color-theme   !important;
    width: 20px !important;
    height: 6px !important;
    border-radius: 3px 3px !important;
}
</style>
